﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>jQuery全屏响应式图片轮播代码</title>

<link href="css/style.css" type="text/css" rel="stylesheet">

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

</head>
<body>

<div class="ps_box">
	<div class="pics_switch">
	
		<div class="pb">
			<div class="pic_box"><a class="pic_banner_001" target="_blank" href="http://www.17sucai.com"></a></div>
			<div class="pic_box"><a class="pic_banner_002" target="_blank" href="http://www.17sucai.com"></a></div>
			<div class="pic_box"><a class="pic_banner_003" target="_blank" href="http://www.17sucai.com"></a></div>
			<div class="pic_box"><a class="pic_banner_004" target="_blank" href="http://www.17sucai.com"></a></div>
		</div>
		
		<div class="viewArrows prev">上一张</div>
		<div class="viewArrows next">下一张</div>
		
		<div class="pics_switch_clients">
			<ul>
				<li><span class="current">1</span></li>
				<li><span>2</span></li>
				<li><span>3</span></li>
				<li><span>4</span></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>